<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:c="http://java.sun.com/jsp/jstl/core"    
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:p="http://primefaces.org/ui"
        xmlns:appcc="http://java.sun.com/jsf/composite/components">
<style>
	/* .trjdk-main-banner-content-connection-button {
		background:  transparent url("#{resource['img/button_center_on.png']}") repeat-x;
		color:white;
	} */
	.trjdk-main-banner-content-connection-inputText {
		height:25px;
	}
	
	.trjdk-main-banner-content-connection-checkbox {
		color:white;
	}
	
	.trjdk-main-banner-content-connection-forget-password {
		color:#19D0FA;
	}
	/* This imageless css button was generated by CSSButtonGenerator.com */
	.trjdk-main-banner-content-connection-button {
		-moz-box-shadow:inset 0px 0px 0px -2px #cae3fc;
		-webkit-box-shadow:inset 0px 0px 0px -2px #cae3fc;
		box-shadow:inset 0px 0px 0px -2px #cae3fc;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #19d1fa), color-stop(1, #4197ee) );
		background:-moz-linear-gradient( center top, #19d1fa 5%, #4197ee 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#19d1fa', endColorstr='#4197ee');
		background-color:#19d1fa;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		border:1px solid #469df5;
		display:inline-block;
		color:#ffffff;
		font-family:arial;
		font-size:12px;
		font-weight:bold;
		padding:5px 15px;
		text-decoration:none;
		text-shadow:0px 1px 0px #287ace;
	}.trjdk-main-banner-content-connection-button:hover {
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4197ee), color-stop(1, #19d1fa) );
		background:-moz-linear-gradient( center top, #4197ee 5%, #19d1fa 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#19d1fa');
		background-color:#4197ee;
	}.trjdk-main-banner-content-connection-button:active {
		position:relative;
		top:1px;
	}
</style>
	
               <form action="${request.contextPath}/j_spring_security_check" method="post" id="connection">
               			<p:growl id="growlLogin" showDetail="true" sticky="false" life="1500" />
                        <c:if test="${not empty param.login_error}">
                             ${messages.login_error} 
                        </c:if>
                        <c:if test="${not empty param.session_expired}">
                             ${messages.session_expired}
                        </c:if>
                        <c:if test="${not empty param.login_error}">
                             <c:set var="username" value="${sessionScope.SPRING_SECURITY_LAST_USERNAME}" />
                        </c:if>
                        <table>
                        	 <tr>
                        	 	<td>
	                             <input id="j_username" type="text" name="j_username" value="#{username}" placeholder="${messages.login_login}" 
	                             	class="trjdk-main-banner-content-connection-inputText"/>  
	                            </td>	
	                            <td>
	                             <input id="j_password" type="password" name="j_password" placeholder="${messages.login_password}"
	                             	class="trjdk-main-banner-content-connection-inputText"/> 
	                            </td> 	 
	                            <td> 	
	                             <input name="submit" type="submit" value="${messages.login_submit}" class="trjdk-main-banner-content-connection-button"/>
	                            </td>
                             </tr>
                        	 <tr>
                        	 	<td>
	                             <input id="_spring_security_remember_me" type="checkbox" name="_spring_security_remember_me"/>
	                             <label for="_spring_security_remember_me" class="trjdk-main-banner-content-connection-checkbox">${messages.login_rememberme}</label>	
	                            </td> 
	                            <td>
	                             <a href="${request.contextPath}/forgetPassword.faces" class="trjdk-main-banner-content-connection-forget-password" style="color:#19D0FA;">${messages['main.connection.forgetpassword.error']}</a>                
	                            </td> 
	                            <td>
	                            </td> 
                             </tr>
                        </table>
                  </form>
</ui:composition>

